<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Landing Page Title</title>

<!--pageMeta-->

<!-- Loading Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet">

<!-- Loading Elements Styles -->
<link href="css/style.css" rel="stylesheet">

<!-- Loading Magnific-Popup Styles -->
<link href="css/magnific-popup.css" rel="stylesheet">

<!-- Loading Font Styles -->
<link href="css/iconfont-style.css" rel="stylesheet">

<!-- Favicons -->
<link rel="icon" href="images/favicons/favicon.png">
<link rel="apple-touch-icon" href="images/favicons/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/favicons/apple-touch-icon-114x114.png">

<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
      <script src="scripts/html5shiv.js"></script>
      <script src="scripts/respond.min.js"></script>
    <![endif]-->

<!--headerIncludes-->
</head>
<body data-spy="scroll" data-target=".navMenuCollapse">
<div id="wrap"> 

	<!-- INTRO CENTER SUBSCRIBE BLOCK -->
	<header id="intro-center-Subscribe" class="intro-block bg-color1 dark-bg text-center cover-bg double-padding" style="background-image: url(images/bg11.jpg);">
		<div class="container">
			<div class="slogan">
				<h1 class="big-title">常鸿量化机<br>
					<b>为快乐而生</b></h1>
			</div>
			<p>jia gur de va<br />
			Nothing gonna change my world.<br />
		FOR MY LOVE YPL</p>
		</div>
	</header>
	
	<!-- TEXT 4COL BLOCK -->
		<section id="text-4col">
			<div class="container">
				<div class="row">
					<div class="col-md-3" id="realtime">
						<h4 class="title">1st Column</h4>
						<input type="button" onclick="listen_gateway()" value="点击"
					</div>
					<div class="col-md-3">
						<h4 class="title">2nd Column</h4>
						<p>You project will not look like a template bought in a store and adapted within couple of hours. Oh, no! This is not your case. You obtain qualitative, fascinating and juicy final product that is modern and actual.</p>
					</div>
					<div class="col-md-3">
						<h4 class="title">3rd Column</h4>
						<p> So, what is the secret of successful template design? First of all, it is its friendliness – both for the template’s owner and for his or her future targeted audience. UX and UI are not just empty phrases for us.</p>
					</div>
					<div class="col-md-3">
						<h4 class="title">4th Column</h4>
						<p>It is very important for us that the user could understand correctly the message your project’s trying to say to him or her. But, correct giving of the information is just a half of success.</p>
					</div>
				</div>
			</div>
		</section>
	
	<!-- CONTACT FULL BLOCK -->
	<section id="contact-full">
		<div class="container">
			<h2 class="title">疯狂回测</h2>
			<p class="sep-bottom">快速享受多策略多品种多周期的回测体验！！！！</p>
				<div class="form-group">
					<input type="text" class="form-control" id="contact_name" placeholder="引擎相关参数输入" name="name">
				</div>
				<div class="form-group">
					<input type="text" class="form-control" id="contact_email" placeholder="策略相关参数输入" name="email">
				</div>
				<div class="form-group">
					<textarea class="form-control" rows="4" placeholder="编写你的策略" id="contact_message" name="message"></textarea>
				</div>
				<button type="submit" id="contact_submit" onclick="run_python_process()" data-loading-text="•••" class="btn btn-lg btn-block btn-primary"><i class="icon icon-paper-plane"></i>开始回测</button>
		</div>
	</section>
	
	<!-- FOOTER -->
	<footer id="footer" class="bg-color3">
		<div class="container">
			<div class="row">
				<div class="col-md-6 col-md-push-6 text-right">
				</div>
				<div class="col-md-6 col-md-pull-6"> <img class="logo" src="images/footer-logo.png" alt=""> <span class="editContent">© 2018 开始<br>
					常鸿量化机 <a href="https://gitee.com/CCHChenChangHong/changhong_quantizing_machine" target="_blank">为快乐而生</a></span> </div>
			</div>
		</div>
	</footer>
</div>
<!-- /#wrap --> 

<!-- MODALS BEGIN-->
<div class="modal fade" id="modalMessage" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
			<h3 class="modal-title">&nbsp;</h3>
		</div>
	</div>
</div>
<!-- MODALS END--> 
<!-- JavaScript --> 
<script src="./scripts/run_python_process.js"> </script>
<script src="./scripts/listenGateway.js"> </script>
</body>
</html>